<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>超链接基本练习</title>
    <style type="text/css">
      a {
        color: orange;
        text-decoration: none;
      }
      a:hover {
        color: blue;
        text-decoration: underline;
      }
      a.class1 {
        color: red;
      }
    </style>
  </head>

  <body>
    <a href="http://www.zsc.edu.cn">电子科技大学中山学院</a>
    <br />
    <a href="login.html" class="class1">注册页面</a><br />
    <a href="#helpme">“帮助”位置锚点</a><br />
    <a href="mailto:xxxx@xxxx.com">邮箱链接</a><br />
    <br />
    <br />
    <br />
    <a name="helpme" id="helpme">帮助</a>
    <ol style="list-style-type: upper-roman">
      <li>如何注册会员？</li>
      <li>如何激活会员名？</li>
    </ol>
  </body>
</html>
